<!DOCTYPE html>
<html>
    <head>
        <title>Subresource integrity allowed style resources</title>
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>

        <link rel="stylesheet" href="style-1-of-3.css" integrity="sha256-RvLeYLQyPa_ZQk95Rj0XQpfsoBHW9Vrqb3zwo5DScrI="></link>
        <link rel="stylesheet" href="style-2-of-3.css" integrity="sha384-j1bGpDxu0bZAb4jBJzciDWuVUuOTXlLvB9WNKDh7Gik9ygF6CctjgYISUwShHmFM"></link>
        <link rel="stylesheet" href="style-3-of-3.css" integrity="sha512-P302RfA5c_H9Ao_miirSIPVBr3uxOdTzm8IzaGwidneeOOwuyTfOhCp8-c1yg-W16rKf1IW_-4TxD0yAKdkV-Q=="></link>
    </head>
    <body>
        <p id="p1">Test 1</p>
        <p id="p2">Test 2</p>
        <p id="p3">Test 3</p>

        <script>
        setup({single_test: true});
        var color = window.getComputedStyle(document.querySelector('#p1')).color;
        assert_equals(color, "rgb(0, 128, 0)", "The p#1 element's text should be green.");
        color = window.getComputedStyle(document.querySelector('#p2')).color;
        assert_equals(color, "rgb(0, 128, 0)", "The p#2 element's text should be green.");
        color = window.getComputedStyle(document.querySelector('#p3')).color;
        assert_equals(color, "rgb(0, 128, 0)", "The p#3 element's text should be green.");
        done();
        </script>
    </body>
</html>
